<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Simpla Admin | Sign In</title>
		<!--                       CSS                       -->
		<!-- Reset Stylesheet -->
		<link rel="stylesheet" href="__APP__/resources/css/console/reset.css" type="text/css" media="screen" />
		<!-- Main Stylesheet -->
		<link rel="stylesheet" href="__APP__/resources/css/console/style.css" type="text/css" media="screen" />
		
		<!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
		<link rel="stylesheet" href="__APP__/resources/console/css/invalid.css" type="text/css" media="screen" />	
		
		<!--                       Javascripts                       -->
	  
		<!-- jQuery -->
		<script src="__APP__/resources/js/jquery-1.5.1.js"></script>
		<!-- jQuery Configuration -->
		<script type="text/javascript" src="__APP__/resources/js/simpla.jquery.configuration.js"></script>
		<!-- Facebox jQuery Plugin -->
		<script type="text/javascript" src="__APP__/resources/js/facebox.js"></script>
		<!-- jQuery WYSIWYG Plugin -->
		<script type="text/javascript" src="__APP__/resources/js/jquery.wysiwyg.js"></script>
		<!-- Internet Explorer .png-fix -->
		
		<!--[if IE 6]>
			<script type="text/javascript" src="__APP__/resources/js/DD_belatedPNG_0.0.8a-min.js"></script>
			<script type="text/javascript">
				DD_belatedPNG.fix('.png_bg, img, li');
			</script>
		<![endif]-->
		
	</head>
  
	<body id="login">
		
		<div id="login-wrapper" class="png_bg">
			<div id="login-top">
			
				<h1>Simpla Admin</h1>
				<!-- Logo (221px width) -->
				<img id="logo" src="__APP__/resources/image/console/logo.png" alt="Simpla Admin logo" />
			</div> <!-- End #logn-top -->
			
			<div id="login-content">
				
				<form action="{:U('member/loginpost')}" method="post">
				
					<div class="notification information png_bg">
						<div>
							请填写用户名和密码...
						</div>
					</div>
					
					<p>
						<label>用户名</label>
						<input class="text-input" type="text" name="username" />
					</p>
					<div class="clear"></div>
					<p>
						<label>密码</label>
						<input class="text-input" type="password" name="password" />
					</p>
                    <div class="clear"></div>
                    <p>
                        <label>验证码:</label>
                        <input name="verify" type="text"  class="text-input" style="width:120px;float:left;margin-left:18px;"/>
                        <img id="verify" src="__URL__/verify" title="点击刷新验证码" style="float:right;"/>
                    </p>
                    <div class="clear"></div>
					<!--<p id="remember-password">
						<input type="checkbox" />Remember me
					</p>-->


					<div class="clear"></div>
					<p>
						<input class="button" type="submit" value="Sign In" />
					</p>
					
				</form>
			</div> <!-- End #login-content -->
			
		</div> <!-- End #login-wrapper -->
		
  </body>
  </html>
<script type="text/javascript">
$(function(){
    $('#verify').click(function(){
        var rand = Math.random();
        $(this).attr('src','{:U('member/verify')}'+'?'+Math.random());
    })
})

</script>